.chat-messages-scroller {
  flex-grow: 1;
  overflow-y: scroll;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1;
  margin: 0 1px 0 0;
  will-change: transform;
  min-height: 1px;
  box-sizing: border-box;

  @include chat-scrollbar {
    transition:
      scrollbar-color 0.25s ease-in-out,
      padding-top 0.2s ease-in-out;
  }
}
